<!DOCTYPE html>
<html ng-app="show">
	<head>
		<meta charset="utf-8">
		<title>前端小练习</title>
		<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.css" rel="stylesheet">
		<style>
			.h100 {
				height: 600px;
			}
			a.list-group-item{
				transition:all 0.6s;
			}
			a.list-group-item:hover{
				color: #fff;background-color: gray;
			}
		</style>
		<script src="http://cdn.bootcss.com/angular.js/1.3.0-beta.8/angular.min.js"></script>
		<script src="http://cdn.bootcss.com/angular.js/1.3.0-beta.8/angular-route.js"></script>
		<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
		<script src="js/data.js"></script>
		<script src="js/index.js"></script>
	</head>

	<body>
		<!--
        	作者：hacke2@qq.com
        	时间：2014-09-20
        	描述：导航
        -->
		<header>
			<nav class="navbar navbar-inverse">
				<div class="container">
					<div class="navbar-header">
						<a class="navbar-brand" href="#">前端小练习</a>
					</div>
					<ul class="nav navbar-nav navbar-right">
						<li><a href="#">首页</a></li>
						<li><a href="#mobile">移动WEB</a></li>
						<li><a href="#hot-site">模仿名站</a></li>
						<li><a href="#base">基础练习</a></li>
						<li><a href="#project">开源项目</a></li>
					</ul>
				</div>
			</nav>
		</header>
		<!--
        	作者：hacke2@qq.com
        	时间：2014-09-20
        	描述：视图模板
        -->
		<div class="container">
			<div ng-view></div>
		</div>
	</div>
	</body>

</html>


